<template>
  <ve-pie :data="chartData" :settings="chartSettings" ref="chart"></ve-pie>
</template>

<script>
  import resize from './mixins/resize'
  export default {
    mixins: [resize],
    data () {
      this.chartSettings = {
        dimension: '日期',
        metrics: '访问用户',
      }
      return {
        chartData: {
          columns: ['日期', '访问用户'],
          rows: [
            { '日期': '1/1', '访问用户': 1393 },
            { '日期': '1/2', '访问用户': 3530 },
            { '日期': '1/3', '访问用户': 2923 },
            { '日期': '1/4', '访问用户': 1723 },
            { '日期': '1/5', '访问用户': 3792 },
            { '日期': '1/6', '访问用户': 4593 }
          ]
        }
      }
    },

    mounted () {
      console.log('---', this.$refs.vePie)
    }
  }
</script>